<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>产品中心</title>
<link href="css/cars.css" rel="stylesheet" type="text/css" />

</head>
<body>
<header>
        <div>
              <img src="images/logo.png" alt="">
               <div class="ct"></div>
               <form>
                    <input type="text" placeholder="请输入">
                    <input type="button">
               </form>
              <ul>
             
               <li><a href="demo.html">主页</a></li>
                <li  class="on"><a href="#">产品中心</a></li>
                 <li><a href="service.html">服务项目</a></li>
                  <li><a href="#">新闻资讯</a></li>
                   <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                   <span class="black">&nbsp;</span>
              </ul>
        </div>
</header>
<nav>
      <ul>
       <li><a href="#">所有车型</a></li>
       <li><a href="#">新款上市</a></li>
        <li><a href="#">经典款</a></li>
        <li><a href="#">运动款</a></li>
        <li><a href="#">概念款</a></li>
        <li><a href="#">私人定制</a></li>
      </ul>
      <form action="">
      <input type="text"  placeholder="请输入你想查找的车型">
      <input type="button">
      </form>
</nav>
<section>
<div>
  <div class="left">
   <div class="box1">
    <ul >
      <li><a href="#"><img src="images/car9.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car10.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car8.jpg" alt=""></a></li>
    </ul>
    <div>
        <p>基础车型<span>420i 时尚型</span></p>
        <p>建议零售价（元）<span>570,000</span></p>
        <p>输出功率（千瓦/马力）、转速（转每分）<span>135(184)/5000</span></p>
        <p>由0至100公里/小时加速（秒）<span>8.4</span></p>
        <p>平均燃油消耗（升/100公里）<span>6.4</span></p>
        <p><a href="#">了解详情</a></p>
    </div>
  </div>
  <div class="box2">
    <ul >
      <li><a href="#"><img src="images/car11.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car12.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car13.jpg" alt=""></a></li>
    </ul>
  </div>
   <div class="box3">
    <ul >
      <li><a href="#"><img src="images/car14.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car15.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car16.jpg" alt=""></a></li>
    </ul>
  </div>
 </div>
  <div class="mid">
   <div class="box4 ">
   <ul>
     <li><a href="#"><img src="images/car18.jpg" alt=""></a></li>
     <li><a href="#"><img src="images/car19.jpg" alt=""></a></li>
     <li><a href="#"><img src="images/car20.jpg" alt=""></a></li>
   </ul>
  </div>
  <div class="box5 ">
   <ul>
     <li><a href="#"><img src="images/car17.jpg" alt=""></a></li>
     <li><a href="#"><img src="images/car1.jpg" alt=""></a></li>
     <li><a href="#"><img src="images/car2.jpg" alt=""></a></li>
   </ul>
  </div>
   <div class="box6 ">
   <ul>
     <li><a href="#"><img src="images/car4.jpg" alt=""></a></li>
     <li><a href="#"><img src="images/car3.jpg" alt=""></a></li>
     <li><a href="#"><img src="images/car5.jpg" alt=""></a></li>
   </ul>
    <div>
        <p>基础车型<span>420i 时尚型</span></p>
        <p>建议零售价（元）<span>570,000</span></p>
        <p>输出功率（千瓦/马力）、转速（转每分）<span>135(184)/5000</span></p>
        <p>由0至100公里/小时加速（秒）<span>8.4</span></p>
        <p>平均燃油消耗（升/100公里）<span>6.4</span></p>
        <p><a href="#">了解详情</a></p>
    </div>
  </div>
 </div>
 <div class="right">
   <div class="box7">
    <ul >
      <li><a href="#"><img src="images/car21.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car22.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car23.jpg" alt=""></a></li>
    </ul>
     <div>
        <p>基础车型<span>420i 时尚型</span></p>
        <p>建议零售价（元）<span>570,000</span></p>
        <p>输出功率（千瓦/马力）、转速（转每分）<span>135(184)/5000</span></p>
        <p>由0至100公里/小时加速（秒）<span>8.4</span></p>
        <p>平均燃油消耗（升/100公里）<span>6.4</span></p>
        <p><a href="#">了解详情</a></p>
    </div>
 </div>
 <div class="box8">
    <ul >
      <li><a href="#"><img src="images/car25.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car24.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car27.jpg" alt=""></a></li>
    </ul>
    </div>
     <div class="box9">
    <ul >
      <li><a href="#"><img src="images/car26.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car28.jpg" alt=""></a></li>
      <li><a href="#"><img src="images/car30.jpg" alt=""></a></li>
    </ul>
  </div>
</div>
</div>




</div>

</section>
<article class="article1 ">
<h1>BMW 4系敞篷轿跑车</h1>
<ul>
<li class="orange">外观设计</li>
<li>内装设计</li>
<li>动态驾驶性能</li>
</ul>
<div class="tab1 tabs">
<div>
<img src="images/car32.jpg" alt="">
<h1>外观设计</h1>
<p>BMW 4系敞篷轿跑车的全方位设计令其在静止时依然彰显迷人魅力。醒目的双肾型进气格栅和可选装LED随动控制大灯形成独特搭配。向外展开的前悬打造出激动人心的动态驾驶性能，并且这种效果沿两侧并行的车身线条一直延伸至后部。光影的相互交错令人着迷不已，令敞篷轿跑车强健的肩部更加突出。 如同BMW 4系敞篷轿跑车的楔形轮廓一样，长轴距和舒展的发动机罩也散发着运动魅力。它与前轮拱罩后面的通风装置一同定义了车辆行驶时的运动优雅性。这种设计完全遵循BMW高效动力策略（BMW EfficientDynamics）理念。更强劲的敞篷轿跑车体验与更低油耗完美结合。
</p>
<a href="">了解详情</a>
</div>

<div>
<img src="images/car33.jpg" alt="">
<h1>内装设计</h1>
<p>BMW 4系敞篷轿跑车上的每一处细节，都在为您展现出一副风驰电掣的画面。车顶开启时，双色调车门、侧围板以及收纳硬顶的盖板仿佛一气呵成，让人联想到游艇的甲板。每种个性设计元素好似在互比高下。在这种美感的渲染下，BMW 4系敞篷轿跑车唤醒了驾驶者对自由和生活乐趣的向往。车顶关闭时，无论外界天气如何，个性化的照明氛围都能实现完美的视觉盛宴。众多优质材料和漆饰，（如精致Dakota真皮，引人注目的装饰缝线及精选内饰），以及一系列种类繁多的个性化选择，均为您的BMW 4系敞篷轿跑车增添独特个性。

</p>
<a href="">了解详情</a>
</div>
<div>
<img src="images/car34.jpg" alt="">
<h1>动态驾驶性能</h1>
<p>体验纯粹的动态驾驶性能。驾驶BMW 4系敞篷轿跑车，可使您的每一次旅程都能尽情释放对自由的强烈渴望。这要归功于BMW的创新技术，可确保您始终沿正确的路线行驶，并提供更卓越的安全性，即便您偏爱动感灵活的驾驶风格。


</p>
<a href="">了解详情</a>
</div>
</div>


</article>
<article class="article2 ">
<h1>新BMW 6系敞篷轿跑车</h1>
<ul>
<li class="orange">外观设计</li>
<li>动态驾驶性能与能效</li>
<li>装备</li>
</ul>
<div class="tab2 tabs">
<div>
<img src="images/car35.jpg" alt="">
<h1>外观设计</h1>
<p>新BMW 6系敞篷轿跑车的每个方面都反映了强劲的敏捷性和冲击力。进气口上方标配的LED随动控制大灯、日间行车灯以及富有表现力和向前倾斜的双肾型进气格栅，会让您对其过目难忘。优雅、动感的外观设计无缝延伸到新BMW 6系敞篷轿跑车的内饰空间。在豪华风格套件组合中，专属的干邑色或黑色“Nappa”真皮与深色细线纹高级木饰以及宽大的表面和谐融合，创造一个宽敞、高贵的车内空间。

</p>
<a href="">了解详情</a>
</div>

<div>
<img src="images/car36.jpg" alt="">
<h1>动态驾驶性能与能效</h1>
<p>高扭矩发动机和先进的底盘技术完美匹配，从而保证了最优的驾驶体验——运动型排气系统的动感声音让它更加完美。新BMW 6系敞篷轿跑车的卓越动力和敏捷性尤其体现在BMW高效动力技术中，如高性能、高效率的BMW涡轮增压发动机或8速手自一体运动型变速箱。


</p>
<a href="">了解详情</a>
</div>
<div>
<img src="images/car37.jpg" alt="">
<h1>装备</h1>
<p>新BMW6系敞篷轿跑车配备营造优雅氛围所需的一切。同时还提供了许多的设计套装和装备。豪华风格套件组合、卓越风格设计套装和M运动套件可以让您最大可能地个性化自己的车辆。BMW个性版可以为您提升个性化和专属感。原装BMW附件甚至还可以提供更多功能。



</p>
<a href="">了解详情</a>
</div>
</div>


</article>
<footer>
  <nav>
        <ul>
       <li>TEL:  +80 999 99 9999 </li>
       <li>Email : info@domain.com</li>
       <li>地址：福建省厦门市XX路XX号</li>
       <li>Copyright © 2016.Company name All rights reserved</li>

        </ul>
  </nav>



</footer>
	
</body>
</html>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/cars.js"></script>
